<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css" rel="stylesheet" />
	<link type="text/css" href="/ag/zrt/css/jquery.colourPicker.css" rel="stylesheet" />
		<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript" src="/ag/lwc/js/button.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript" src="/ag/lwc/js/dialog/jquery.ui.button.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.effects.core.js"></script>
		<script type="text/javascript" src="/ag/zrt/js/jquery.colourPicker.js"></script>
		<script type="text/javascript" src="/ag/lwc/js/editEventStatu.js"></script>
		<script type="text/javascript" src="/ag/lwc/js/addEventStatu.js"></script>
		<script type="text/javascript" src="/ag/lwc/js/deleteEventStatu.js"></script>
		
		<script type="text/javascript">
		$(function(){
			
		
		});
		
		</script>
		
	<style type="text/css">
		body { font-size: 62.5%; margin-left:0;margin-top:0;margin-right:0;}
		label { display:block; font-size:15px;font-weight:500;}
		input.text { margin-bottom:12px; width:95%; padding: .4em;height:30px;; width:250px;}
		fieldset { padding:0; border:0; margin-top:25px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-dialog .ui-state-error { padding: .3em; }
		.validateTips { border: 0px solid transparent; padding: 0.3em; width:95% }
		
		#add{;}
	</style>

<style type="text/css">
<!--
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

.STYLE1 {font-size: 12px}
.STYLE4
 {
	font-size: 12px;
	color: #1F4A65;
	font-weight: bold;
}
.STYLE7 {font-size: 12}

	
		-->
	
	</style>
  </head>
  
  <body>
  <table width="102%" border="0" align="center" cellpadding="0" cellspacing="0" class="tb">
  <tr height="30">
    <td height="30">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="/ag/tab/images/tab_03.gif" width="15" height="30" /></td>
        <td width="1108" background="/ag/tab/images/tab_05.gif"><img src="/ag/tab/images/311.gif" width="16" height="16" /><span class="STYLE4">事件状态</span></td>
        <td align="center" width="225" background="/ag/tab/images/tab_05.gif"><button id="addbut" class="add" style="width: 50px; height: 25px; border: 0px"/></button></td>
         <td align="center" width="225" background="/ag/tab/images/tab_05.gif"><button  id="addbut2" class="return" style="width: 50px; height: 25px; border: 0px"/></button></td>
        <td width="14"><img src="/ag/tab/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9" background="/ag/tab/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
        <table id="myTable" width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >       
          <tr>           
           
            <td width="24%"  height="18" background="/ag/tab/images/tab_14.gif" ><div align="center">事件状态</div></td>
            <td width="5%" height="18" background="/ag/tab/images/tab_14.gif" ><div align="center" >事件颜色</div></td>
            <td width="7%" height="18"  background="/ag/tab/images/tab_14.gif"><div align="center" >编辑</div></td>
            <td width="7%" height="18" background="/ag/tab/images/tab_14.gif" ><div align="center" >删除</div></td>
          </tr>
          
          <c:forEach var='result' items='${result}' varStatus='status'>
          <tr class="list">
            <td height="18" bgcolor="#FFFFFF">${result.tbesEventStatus}</td>            
        	<td height="18" bgcolor="#${result.tbesColor}"></td>
            <td height="18" bgcolor="#FFFFFF" align="center"><button class="modify" value="修改"  name=${result.tbesId} style="width: 50px; height: 25px; border: 0px"></button></td>
            <td height="18" bgcolor="#FFFFFF" align="center"><button class="delete" name=${result.tbesId} value="删除" style="width: 50px; height: 25px; border: 0px"></button></td>
          </tr>
          </c:forEach>
         
       </table></td>
        <td width="9" background="/ag/tab/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr >
    <td height="29" colspan="3">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr >
        <td width="15" height="29"><img src="/ag/tab/images/tab_20.gif" width="15" height="29" /></td>
        <td background="/ag/tab/images/tab_21.gif" width="100%"></td>
        <td width="14"><img src="/ag/tab/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table>
    </td>
  </tr>
</table>
   <div class="demo" style="display:none;">
				<!-- 编辑的弹出框 -->
				<div id="edit" title="编辑">
				<p class="validateTips"></p>
					<form class="one">
						<fieldset>
							<input type="hidden" name="tbesId" value="" id="edittbesId"/>
							<label for="edittbesEventStatus">
								事件状态(必填 ，长度小于15汉字)
							</label>
							<input type="text" name="tbesEventStatus" id="edittbesEventStatus" class="text ui-widget-content ui-corner-all" />
							<label for="edittbesColor">
								事件颜色
							</label>
							<!-- <input type="text" name="tbesColor" id="edittbesColor" class="text ui-widget-content ui-corner-all" /> -->
						
							<select name="edittbesColor" id=edittbesColor>
            					<option value="ffffff">#ffffff</option>
            					<option value="ffccc9">#ffccc9</option>
            					<option value="ffce93">#ffce93</option>
           						 <option value="fffc9e">#fffc9e</option>
            					<option value="ffffc7">#ffffc7</option>
            					<option value="9aff99">#9aff99</option>
            					<option value="96fffb">#96fffb</option>
            					<option value="cdffff">#cdffff</option>
            					<option value="cbcefb">#cbcefb</option>
           						 <option value="cfcfcf">#cfcfcf</option>
           						 <option value="fd6864">#fd6864</option>
           						 <option value="fe996b">#fe996b</option>
            					<option value="fffe65">#fffe65</option>
            					<option value="fcff2f">#fcff2f</option>
            					<option value="67fd9a">#67fd9a</option>
            						<option value="38fff8">#38fff8</option>
           						 <option value="68fdff">#68fdff</option>
            					<option value="9698ed">#9698ed</option>
           						 <option value="c0c0c0">#c0c0c0</option>
            					<option value="fe0000">#fe0000</option>
            					<option value="f8a102">#f8a102</option>
            					<option value="ffcc67">#ffcc67</option>
            					<option value="f8ff00">#f8ff00</option>
           						 <option value="34ff34">#34ff34</option>
            					<option value="68cbd0">#68cbd0</option>
            					<option value="34cdf9">#34cdf9</option>
            					<option value="6665cd">#6665cd</option>
            					<option value="9b9b9b">#9b9b9b</option>
            					<option value="cb0000">#cb0000</option>
           						 <option value="f56b00">#f56b00</option>
           						 <option value="ffcb2f">#ffcb2f</option>
            					<option value="ffc702">#ffc702</option>
            					<option value="32cb00">#32cb00</option>
            					<option value="00d2cb">#00d2cb</option>
            					<option value="3166ff">#3166ff</option>
            					<option value="6434fc">#6434fc</option>
            					<option value="656565">#656565</option>
            					<option value="9a0000">#9a0000</option>
            					<option value="ce6301">#ce6301</option>
            					<option value="cd9934">#cd9934</option>
            					<option value="999903">#999903</option>
                                <option value="009901">#009901</option>
                                <option value="329a9d">#329a9d</option>
                                 <option value="3531ff">#3531ff</option>
                                  <option value="6200c9">#6200c9</option>
                                    <option value="343434">#343434</option>
                                     <option value="680100">#680100</option>
                                <option value="963400">#963400</option>
                                <option value="986536" >#986536</option>
                               <option value="646809">#646809</option>
                                <option value="036400">#036400</option>
                                  <option value="34696d">#34696d</option>
                                 <option value="00009b">#00009b</option>
                               <option value="303498">#303498</option>
                                   <option value="000000">#000000</option>
                                  <option value="330001">#330001</option>
                               <option value="643403">#643403</option>
                                <option value="663234">#663234</option>
                                 <option value="343300">#343300</option>
                                  <option value="013300">#013300</option>
                                  <option value="003532">#003532</option>
                                  <option value="010066">#010066</option>
           						 <option value="340096">#340096</option>
        </select>
					
						</fieldset>
					</form>
					<!-- 确认修改的弹出框 -->
					<div id="editConfirm">
						<label>确定?</label>
					</div>
			
			</div>
			<!-- 增加的弹出框 -->
			<div id="add" title="增加">
				<p class="validateTips"></p>

				<form class="one">
					<fieldset>
						<label for="addtbesEventStatus">
								事件状态(必填 ，长度小于15汉字)
						</label>
						<input type="text" name="tbesEventStatus" id="addtbesEventStatus" class="text ui-widget-content ui-corner-all" />
						<label for="addtbesColor">
							事件颜色
						</label>
						<!-- <input type="text" name="tbesColor" id="addtbesColor" class="text ui-widget-content ui-corner-all" /> -->
						
						<select name="addtbesColor" id=addtbesColor>
            <option value="ffffff">#ffffff</option>
            <option value="ffccc9">#ffccc9</option>
            <option value="ffce93">#ffce93</option>
            <option value="fffc9e">#fffc9e</option>
            <option value="ffffc7">#ffffc7</option>
            <option value="9aff99">#9aff99</option>
            <option value="96fffb">#96fffb</option>
            <option value="cdffff">#cdffff</option>
            <option value="cbcefb">#cbcefb</option>
            <option value="cfcfcf">#cfcfcf</option>
            <option value="fd6864">#fd6864</option>
            <option value="fe996b">#fe996b</option>
            <option value="fffe65">#fffe65</option>
            <option value="fcff2f">#fcff2f</option>
            <option value="67fd9a">#67fd9a</option>
            <option value="38fff8">#38fff8</option>
            <option value="68fdff">#68fdff</option>
            <option value="9698ed">#9698ed</option>
            <option value="c0c0c0">#c0c0c0</option>
            <option value="fe0000">#fe0000</option>
            <option value="f8a102">#f8a102</option>
            <option value="ffcc67">#ffcc67</option>
            <option value="f8ff00">#f8ff00</option>
            <option value="34ff34">#34ff34</option>
            <option value="68cbd0">#68cbd0</option>
            <option value="34cdf9">#34cdf9</option>
            <option value="6665cd">#6665cd</option>
            <option value="9b9b9b">#9b9b9b</option>
            <option value="cb0000">#cb0000</option>
            <option value="f56b00">#f56b00</option>
            <option value="ffcb2f">#ffcb2f</option>
            <option value="ffc702">#ffc702</option>
            <option value="32cb00">#32cb00</option>
            <option value="00d2cb">#00d2cb</option>
            <option value="3166ff">#3166ff</option>
            <option value="6434fc">#6434fc</option>
            <option value="656565">#656565</option>
            <option value="9a0000">#9a0000</option>
            <option value="ce6301">#ce6301</option>
            <option value="cd9934">#cd9934</option>
            <option value="999903">#999903</option>
            <option value="009901">#009901</option>
            <option value="329a9d">#329a9d</option>
            <option value="3531ff">#3531ff</option>
            <option value="6200c9">#6200c9</option>
            <option value="343434">#343434</option>
            <option value="680100">#680100</option>
            <option value="963400">#963400</option>
            <option value="986536" >#986536</option>
            <option value="646809">#646809</option>
            <option value="036400">#036400</option>
            <option value="34696d">#34696d</option>
            <option value="00009b">#00009b</option>
            <option value="303498">#303498</option>
            <option value="000000">#000000</option>
            <option value="330001">#330001</option>
            <option value="643403">#643403</option>
            <option value="663234">#663234</option>
            <option value="343300">#343300</option>
            <option value="013300">#013300</option>
            <option value="003532">#003532</option>
            <option value="010066">#010066</option>
            <option value="340096">#340096</option>
        </select>
						
					</fieldset>
				</form>
			<!-- 确认增加的弹出框 -->
					<div id="addConfirm">
						<label>确定?</label>
					</div>
			</div>
			<!-- 确认删除的对话框 -->
			<div id="deleteConfirm">
				<label>确定?</label>
			</div>
			<!-- 点击增加的按钮 -->
			<!--
			<button id="addbut">
				Create new user
			</button>
			-->
		<!-- 操作结果的提示框 -->	
		<div id="message">
		</div>
		
</div>
		
  </body>
</html>



